<template>
  <div>
    <Header></Header>
    <!-- 路由组件出口地方 -->
    <router-view></router-view>
    <Footer v-show="$route.meta.isShowFooter"></Footer>
  </div>
</template>

<script>
import Header from './components/Header'
import Footer from './components/Footer'
// import Home from './pages/Home'
// import Login from './pages/Login'
// import Search from './pages/Search'
// import Register from './pages/Register'
export default {
  name: 'App',
  components: { Header, Footer },
  mounted() {
    /* 激发store中的action，获取三级列表数据数据，
    不放在TypeNav放app里的优点：跳转路由时不会销毁再创建，
    缺点：数据只在最开始获取一次，如数据变化，页面数据没有实时更新 */
    this.$store.dispatch('categoryList');
  },
}
</script>

